<template>
  <div class="about">
    <h1>{{ msg }}</h1>
    <my-input v-model:msg="msg"></my-input>
  </div>
</template>

<script>
    import MyInput from '@/components/MyInput.vue'

    export default{
        components: {
          MyInput
        },
        props: [
            
        ],
        provide() {
          return {
            test:'this is a test'
          }
        },
        data() {
            return {
                msg:'this is a message'
            }
        },
        methods: {
            
        },
        mounted() {
            
        }
    }
</script>

<style scoped>

</style>
